﻿@model SIFIET.Models.ExperiencesBoss

@{
    ViewBag.Title = "Editar";
    var wizard = ViewBag.WizardStep;
    if (wizard == 1)
    {
        Layout = "~/Views/Shared/_LayoutW.cshtml";
    }
}

<h2>Editar</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Jefe directo</legend>
        <p>(*) Campos Obligatorios</p>
        @Html.HiddenFor(model => model.Id)

        <div class="editor-label">
            Nombre jefe (*)
        </div>
        <div class="editor-field">
            @Html.DropDownList("IdBoss", String.Empty)
            @Html.ValidationMessageFor(model => model.IdBoss)
        </div>

        <div class="editor-label">
            Chargo (*)
        </div>
        <div class="editor-field">
            @Html.DropDownList("IdExperiences", String.Empty)
            @Html.ValidationMessageFor(model => model.IdExperiences)
        </div>

        <div class="editor-label">
            Fecha Inicio (*)
        </div>
        <div id="errorStartDate" class="alert error">
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.StartDate, new { id = "startDate" })
            @Html.ValidationMessageFor(model => model.StartDate)
        </div>

        <div class="editor-label">
            Fecha Fin (*)
        </div>
        <div id="errorendDate" class="alert error">
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.EndDate, new { id = "endDate" })
            @Html.ValidationMessageFor(model => model.EndDate)
        </div>
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#endDate").datepicker({ dateFormat: 'dd/mm/yy' }); ;
                    $("#startDate").datepicker({ dateFormat: 'dd/mm/yy' }); ;
                    $("#endDate").change(function () {
                        var errorDate = false;
                        var startDt = $("#startDate").val();
                        var endDt = $("#endDate").val();
                        var aI = startDt.substring(6, 10);
                        var aF = endDt.substring(6, 10);
                        if (aI > aF) {
                            errorDate = true;
                        } else {
                            if (aI == aF) {
                                var mI = startDt.substring(3, 5);
                                var mF = endDt.substring(3, 5);
                                if (mI > mF) {
                                    errorDate = true;
                                } else {
                                    if (mI == mF) {
                                        var dI = startDt.substring(0, 2);
                                        var dF = endDt.substring(0, 2);
                                        if (dI >= dF) {
                                            errorDate = true;
                                        }
                                    } else {
                                        errorDate = false;
                                    }
                                }
                            } else {
                                errorDate = false;
                            }
                        }

                        if (errorDate) {
                            $('<p>').text('La fecha de finalizacion debe ser posterior a la fecha de inicio').appendTo('#errorendDate').hide(20000, function () { $(this).remove(); });
                            $("#endDate").val("");
                        }
                        var now = new Date();
                        var errorDate = false;
                        var startDt = $("#endDate").val();
                        var endDt = now.getDate() + "-" + now.getMonth() + "-" + now.getFullYear();
                        var aI = startDt.substring(6, 10);
                        var aF = endDt.substring(5, 10);
                        if (aI == aF) {
                            var mI = startDt.substring(3, 5);
                            var mF = endDt.substring(3, 4);
                            if (mI <= mF) {
                                var dI = startDt.substring(0, 2);
                                var dF = endDt.substring(0, 2);
                                if (dI > dF) { errorDate = true; }
                            } else { errorDate = true; }
                        } else {
                            if (aI > aF) {
                                errorDate = true;
                            }
                        }
                        if (errorDate) {
                            $('<p>').text('la fecha de inicio no puede ser mayor a la fecha actual').appendTo('#errorendDate').hide(20000, function () { $(this).remove(); });
                            $("#endDate").val("");
                        }

                    });

                    $("#startDate").change(function () {
                        var errorDate = false;
                        var startDt = $("#startDate").val();
                        var endDt = $("#endDate").val();
                        if (endDt != "") {
                            var aI = startDt.substring(6, 10);
                            var aF = endDt.substring(6, 10);
                            if (aI > aF) {
                                errorDate = true;
                            } else {
                                if (aI == aF) {
                                    var mI = startDt.substring(3, 5);
                                    var mF = endDt.substring(3, 5);
                                    if (mI > mF) {
                                        errorDate = true;
                                    } else {
                                        if (mI == mF) {
                                            var dI = startDt.substring(0, 2);
                                            var dF = endDt.substring(0, 2);
                                            if (dI >= dF) {
                                                errorDate = true;
                                            }
                                        } else {
                                            errorDate = false;
                                        }
                                    }
                                } else {
                                    errorDate = false;
                                }
                            }
                            if (errorDate) {
                                $('<p>').text('La fecha de inicio debe ser posterior a la fecha de finalizacion').appendTo('#errorStartDate').hide(20000, function () { $(this).remove(); });
                                $("#startDate").val("");
                            }
                        } else {
                            var now = new Date();
                            var errorDate = false;
                            var startDt = $("#startDate").val();
                            var endDt = now.getDate() + "-" + now.getMonth() + "-" + now.getFullYear();
                            var aI = startDt.substring(6, 10);
                            var aF = endDt.substring(5, 10);
                            if (aI == aF) {
                                var mI = startDt.substring(3, 5);
                                var mF = endDt.substring(3, 4);
                                if (mI <= mF) {
                                    var dI = startDt.substring(0, 2);
                                    var dF = endDt.substring(0, 2);
                                    if (dI > dF) { errorDate = true; }
                                } else { errorDate = true; }
                            } else {
                                if (aI > aF) {
                                    errorDate = true;
                                }
                            }
                            if (errorDate) {
                                $('<p>').text('la fecha de inicio no puede ser mayor a la fecha actual').appendTo('#errorStartDate').hide(20000, function () { $(this).remove(); });
                                $("#startDate").val("");
                            }
                        }

                    });

                });
        </script>

    <br/>
        <p>
            <input type="submit" value="Actualizar"  class="ebutton blue"/>
             @Html.ActionLink("Volver", "Index", null, htmlAttributes: new { @class = "ebutton blue" })
        </p>
    </fieldset>
}

